<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>确定订单</title>
		<link rel="stylesheet" href="../css/Confirm order.css">
		<link rel="stylesheet" type="text/css" href="../fonts/iconfont.css">
		<style>
			.iconfont {
				vertical-align: middle;
			}
		</style>
	</head>
	<body>
		<div class="dinwei">
			<div class="heard">
				<div class="content">
					<div class="box1">
						<div class="one">
							<a href="">oppo官网</a>
							<a href="">一加官网</a>
						</div>
						<div class="one-1">
							<a href="" id="act">下载OPPO商城App</a>
							<a href="./profile.html"><span
									class="iconfont icon-yonghu-xianxing"></span>&nbsp;&nbsp;倾念დ</a>
							<a href="./profile.html">我的订单</a>
							<a href="../index.html">退出</a>
							<a href="./cart.html" style="border: none;">&#128722;购物车(2)</a>
						</div>
					</div>
				</div>
			</div>
			<div class="column">
				<div class="content">
					<div class="two">
						<h1>
							<a href="./indextwo.html">
								<img src="../img/9c6f387.png" style="width: 238px;height: 50px; display: inline-block;">
							</a>
						</h1>
						<div class="two1">
							<a href="">OPPO专区</a>
							<a href="">OnePlus专区</a>
							<a href="">智能硬件</a>
							<a href="">服务</a>
						</div>
						<div class="two2">
							<input type="text" placeholder="OPPO K10x">
							<span style="display: inline-block; margin-left:-3px; "><span id="btno"
									style="display: inline-block; margin-left:-3px;"><span
										class="iconfont icon-search"></span></span></span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="box-er">
				<img src="../img/二维码.jpg" alt="">
				<p>扫描下载OPPO商城App</p>
			</div>
		</div>
		<div class="three">
			<p>收货地址</p>
		</div>

		<div class="address">
			<div class="curr">
				<div class="logo2">
					默认
				</div>
				<p class="perple">
					<span class="names">赵诣深</span><span class="phone">15587325036</span>
					<span class="text update" style="margin-left: 115px;">编辑</span>
					<span class="text dell" style="margin-left: 20px;">删除</span>
				</p>
				<p class="text2">
					<span class="shen">山东省</span><span class="shi">济宁市</span><span class="xian">金乡县</span>
					<span class="jiedao">鱼山街道</span><span class="dizi">阳光花园9号楼...</span>
				</p>
			</div>

			<div class="curr1">
				<p>+添加新地址</p>
			</div>
			<div class="add hide">
				<input type="text" class="inp1" placeholder="请输入收货人的姓名">
				<p class="iii">请输入收货人姓名</p>
				<input type="text" class="inp2" placeholder="请输入11位手机号">
				<p class="ooo">请输入手机号</p>
				<div id='pcc-box'>
					<select class="inp3" name='province'>
					</select>
					<select class="inp4 hide" name='city' style="margin-right: 400px;">

					</select>
					<select class="inp5 hide" name='area'>
					</select>
					<select class="inp6 hide">
						<option>请选择街道</option>
						<option>鱼山街道</option>
						<option>马庙镇</option>
						<option>鱼山镇</option>
					</select>
				</div>
				<script src="../js/data.js"></script>
				<script src="../js/data-1.js"></script>
				<p class="text3">(不包括中国港澳台地区)</p>
				<textarea class="big" placeholder="详细地址"></textarea>
				<p class="text3" style="margin-top: 0;">请输入详情地址</p>
				<p style="color: rgba(0, 0, 0, 0.5);"><input type="checkbox">&nbsp;&nbsp;&nbsp;&nbsp;设为默认地址</p>
				<div class="minbox">
					<div class="btnq"
						style="color: black; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.5);" id="off">取消
					</div>
					<div class="btnq" style="color: #fff;background-color: red; display: none;" id="on">保存</div>
					<div class="btnq" style="color: #fff;background-color: red;" id="ob">保存</div>
				</div>
			</div>
		</div>

		<div class="four" style="margin-top:40px ;">
			<p>送货方式</p>
		</div>
		<div class="five">
			<p>
				<img src="../img/zifu/快递配送.png" alt="">
				<span style="margin-left: 15px;">快递配送</span>
				<span class="iconfont icon-fuxuankuang_xuanzhong1" style="color: red;" id="dui1"></span>

			</p>
			<p style="margin-left: 150px;">
				<img src="../img/zifu/门店送货.png" alt="">
				<span style="margin-left: 15px; float: left;">门店送货</span>
				<img src="../img/zifu/3小时送.png" alt="" style="width: 80px; height: 22px;">
				<span class="iconfont icon-fuxuankuang_xuanzhong" style="color: red;" id="dui2"></span>

		</div>
		<div class="four">
			<p>商品清单</p>
		</div>
		<div class="six">
			<div>
				<img src="../img/8pro+.png" width="100px" height="100px">
				<div class="six-txt">
					<p>OPPO Reno8 Pro+ 12G+256G 逍遥青 官方标配</p>
					<div class="six-tit"><span>7天保价</span><span>7天无理由退货</span></div>
				</div>
				<p class="tit">￥3999</p>
				<p class="tit1">×1</p>
				<p class="tit2">￥3999.00</p>
			</div>
		</div>
		<div class="six">
			<div>
				<img src="../img/findx5pro.png" width="100px" height="100px">
				<div class="six-txt">
					<p>OPPO Find X5 Pro 白瓷 12G+256G 官方标配</p>
					<div class="six-tit"><span>7天保价</span><span>7天无理由退货</span></div>
				</div>
				<p class="tit">￥5499</p>
				<p class="tit1">×1</p>
				<p class="tit2">￥5499.00</p>
			</div>
		</div>
		<div class="four">
			<p>优惠券<span style="margin-left:1060px;">已为你优惠了<span style="color:red;">￥10</span></span></p>
		</div>
		<div class="four">
			<p>优惠卡<span style="margin-left:1136px;">无可用</span></p>
		</div>
		<div class="four">
			<p>电子发票</p>
		</div>
		<div class="seven">
			<p>商品总额<span style="margin-left: 255px;">￥9498</span></p>
			<p>优惠券/码<span style="margin-left: 262px;">-￥10</span></p>
			<p>购物卡<span style="margin-left: 293px;">-￥0</span></p>
			<p>运费 (实付满 ¥69 包邮)<span style="margin-left: 183px;">￥0</span></p>
			<p>积分抵扣<span style="margin-left:107px;">(共1720 积分，可抵扣<span style="color:red;">¥17.2</span>)</span></p>
			<p>电子发票</p>
		</div>
		<div class="nine">
			<p style="margin-left: 1089px; font-size: 14px;">应付金额<span style="color:red;">¥</span><span
					style="font-size: 28px; color: red;">9470.8</span></p>
			<p class="tyt">寄送至:山东省 济宁市 金乡县 鱼山街道 阳光花园9号楼2单元401 收货人:赵诣深
				15587325036</p>
			<a href="./payment.html">
				<div class="btnf">提交订单</div>
			</a>
		</div>
		<div class="four">
			<p style="color: #c99196;">下单可获权益 <span class="jhj">商城独享</span></p>
		</div>
		<div class="four">

			<div class="yuyy"><img src="../img/profile/积分.png" alt="" width="22px" height="22px" style="float: left;">
				<span>1895积分</span>
			</div>

			<div class="yuyy" style="margin-left: 420px;"><img src="../img/profile/成长值.png" alt="" width="22px"
					height="22px" style="float: left;">
				<span>10298成长值</span>
			</div>

		</div>




		<div class="soo hide">
			<div class="content">
				<img src="../img/9c6f387.png" alt="" width="238px" height="50px">
				<img src="../img/login/x.png" alt="" width="24px" height="24px" style="float: right;margin-right: 290px;
		    margin-top: 20px;" id="xs">
				<input type="text" placeholder="OPPO Reno 8 " id="lol" value="">
				<button id="lkl">搜索</button>
				<div class="pop">
					<ul>
						<li class="tyt1">OPPPO Reno 8</li>
						<li class="tyt1">OPPO Find X5</li>
						<li class="tyt1">OPPO K10</li>
						<li class="tyt1">OPPO Watch3</li>
						<li class="tyt1">一加 Ace</li>
					</ul>
				</div>
				<div class="opo">
					<p>搜索发现</p>
					<ul>
						<li>OPPPO Reno 8 <span>热</span></li>
						<li>OPPO Find X5 <span>热</span></li>
						<li>OPPO K10 <span>热</span></li>
						<li>OPPO Watch3 <span>热</span></li>
						<li>一加 Ace <span>热</span></li>
					</ul>
				</div>
				<div class="jk hide">
					<p><span style="color: red; border-bottom:1px solid red; padding-bottom: 8px;">综合</span><span
							style="margin-left:50px; color: rgba(0, 0, 0, 0.5);">最新</span><span
							style="margin-left:50px; color: rgba(0, 0, 0, 0.5);">价格</span>
					</p>
					<div class="jkj">
						<div class="recommend">
							<ul>
								<a href="../html/opporeno8pro+.html">
									<li style="margin-left: 15px;" title="OPPO Reno8 Pro+ 12G+256G 逍遥青 官方标配">
										<img src="../img/8pro+.png" alt="">
										<p style="color: black;">OPPO Reno8 Pro+ 12G+...</p>
										<div class="hhh" style="color: black;">满700减10</div>
										<p style="color: red; font-size: 28px; margin-top: 20px;">￥3989</p>
									</li>
								</a>
								<li title="OPPO Reno8 Pro 8G+256G 微醺 官方标配">
									<img src="../img/8pro.png" alt="">
									<p>OPPO Reno8 Pro 8G+...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥3199</p>
								</li>
								<li title="OPPO Reno7 官方标配 星雨心愿 8G+128G
		">
									<img src="../img/7.png" alt="">
									<p>OPPO Reno7 官方标配 星雨...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥2699</p>
								</li>
								<a>
									<li title="OPPO Reno7 SE 晨曦金 8G+256G">
										<img src="../img/7se.png" alt="">
										<p style="color: black;">OPPO Reno7 SE 晨曦金...</p>
										<div class="hhh" style="color: black;">满700减10</div>
										<p style="color: red; font-size: 28px; margin-top: 20px;">￥2399</p>
									</li>
								</a>
								<li title="OPPO Reno7 Pro 官方标配 暮雪金 12G+256G" style="margin-left: 15px;">
									<img src="../img/7pro.png" alt="">
									<p>OPPO Reno7 Pro 官方标配...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥3999</p>
								</li>
								<li title="OPPO Reno8 微醺 8G+128G 官方标配">
									<img src="../img/8.png" alt="">
									<p>OPPO Reno8 微醺 8G+128G...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥2499</p>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/Confirm order.js"></script>
	</body>
</html>
